<template>
    <div>
      <el-table
        :data="tableData"
        style="width: 100%">
        <!-- <el-table-column 
          v-for="column in columnList"
          :key="column.prop"
          :label="column.label"
          :prop="column.prop"
          :width="column.width"
          >
        </el-table-column> -->
        
        <!-- v-bind将column对象所有属性传递给子组件 -->
        <el-table-column 
          v-for="column in columnList"
          :key="column.prop"
          v-bind="column"
          >
        </el-table-column>
      </el-table>
    </div>
</template>
<script>
export default {
components: {},
   data() {
      return {
        columnList:[
          {prop:'date',label:'日期',width:'180'},
          {prop:'name',label:'姓名'},
          {prop:'address',label:'地址'},
        ],
        tableData: [{
            date: '2016-05-02',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1518 弄'
          }, {
            date: '2016-05-04',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1517 弄'
          }, {
            date: '2016-05-01',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1519 弄'
          }, {
            date: '2016-05-03',
            name: '王小虎',
            address: '上海市普陀区金沙江路 1516 弄'
          }]
      }
   },
created(){

},
methods:{

}

}

</script>
<style lang="scss" scoped>

</style>

